<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>奇妙导播台</title>
    <meta charset="utf-8">
    <!--<script charset="utf-8" type="text/javascript" src="./js/director/init.js?v=2014122229711"></script>-->
    <script charset="utf-8" type="text/javascript" src="./js/init.js?v=2014122229711"></script>
    <script charset="utf-8" type="text/javascript"
            src="js/qui_0.4.0/jquery.qui.autocomplete.js?v=2014122229711"></script>
    <script charset="utf-8" type="text/javascript" src="js/qui_0.4.0/jquery.qui.suggest.js?v=2014122229711"></script>
    <script charset="utf-8" type="text/javascript" src="js/swfobject.js"></script>
    <link rel="stylesheet" href="libs/font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="css/director.css?v=2014122229711">
    <style>
        #countTimer span.time-zone {
        }

        div#base_info_container > p {
            margin: 25px 0px;
            font-size: large;
        }

        /*#tpFlvDiv {*/
        /*position: absolute;*/
        /*background-color: #dcdcdc;*/
        /*width: 300px;*/
        /*left: -90px;*/
        /*height: 180px;*/
        /*overflow-y: scroll;*/
        /*}*/

        #countTimer {
            margin-left: 30px
        }

        .time-green {
            color: green;
        }

        .time-red {
            color: red
        }

        .time-brown {
            color: #ca5226
        }

        .play_status_default {
            color: rgb(103, 150, 198);
            background-image: url("img/beforebg.png");
            width: 66px;
            display: inline-block;
            text-align: center;
            margin-left: 10px;
        }

        .play_status_running {
            color: rgb(213, 134, 113);
        }

        .play_status_end {
            color: rgb(136, 86, 72);
        }

        #director_detail {
            font-size: 16px;
            margin-top: 15px;
            margin-left: 15px
        }

        #director_detail label.control-label {
            float: left;
            width: 100px;
            padding-top: 0px;
            text-align: right;
            font-size: 16px;
            margin-left: 98px;
            text-align: left
        }

        .small_window_div {
            width: 272px;
            margin: 3px;
            height: 210px;
            float: left;
            border: 1px solid #ffffff;
        }

        .small_window_div input {
            width: 256px;
            font-size: 16px;
            height: 16px;
            text-align: center;
        }

        .small_window_div div {
            width: 270px;
            background-color: #000000;
            height: 180px;
            position: relative
        }

        .small_window_div div div.flash {
            width: 270px;
            background-color: #d3d3d3;
            height: 180px;
        }

        .small_window_div div:hover span {
            cursor: pointer;
            color: #ff0000;
            display: block;
            width: 20px;
            font-size: 20px;
            position: absolute;
            right: 0px;
        }

        .small_window_div div span {
            float: right;
            cursor: pointer;
            color: #ff0000;
            display: none;
            font-size: 20px;
        }

        .small_window_div div:hover img.gou {
            cursor: pointer;
            display: block;
            left: 0px;
            position: absolute;
        }

        .small_window_div div img.gou {
            display: none;
        }

        .small_window_div div:hover img.start {
            display: none;
            position: relative;
            left: 120px;
            cursor: pointer;
            transform: rotate(90deg);
            top: 70px;
        }

        .small_window_div div:hover img.started {
            display: none;
        }

        .small_window_div div img.start {
            display: none;
        }

        .videoSuggestDiv .ui-suggest .ui-autocomplete {
            width: 340px !important;
        }

        .videoSuggestDiv .video_css .ui-suggest .ui-autocomplete {
            width: 440px !important;
        }

        .videoSuggestDiv .live_css .ui-suggest .ui-autocomplete {
            width: 560px !important;
        }

        .suggestDiv .ui-suggest .ui-autocomplete {
            width: 631px !important;
        }

    #imgLogo,#imgLogo_mainResource {
        position: relative;
        left: 0px;
        top: -214.6px;
    }

        #tabsDiv ul {
            padding: 0;
            margin: 0 0 8px 25px;
            margin: 0;
            border: 1px solid #cdcdcd;
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fbfbfb), to(#e8e8e8));
            background: -moz-linear-gradient(top, #fbfbfb, #e8e8e8);
        }

        #tabsDiv ul li {
            text-decoration: none;
            list-style: none;
            float: left;
            position: relative;
            top: 1px;
            white-space: nowrap;
            background: 0;
            border: 0;
        }

        #tabsDiv ul li a {
            float: left;
            text-decoration: none;
            cursor: text;
            padding: 0 15px;
            line-height: 34px;
            height: 34px;
            border-left: 1px solid #cdcdcd;
            border-right: 1px solid #cdcdcd;
            background-color: #fff;
            margin-left: -1px;
        }

        #tabsDiv ul li.unselected a.unselected {
            cursor: pointer;
            color: #666;
            background: 0;
            font-weight: normal;
        }

        #tabsDiv ul li.selected a.selected {
            background-color: #fff;
            outline: 0;
            border: 0;
            color: #333;
            font-weight: bold;
            border-left: 1px solid #cdcdcd;
        }

        #backUpAddDiv, #resourceAddDiv {
            border: 1px solid #b2beca;
            width: 272px;
            margin: 3px;
            height: 180px;
            float: left;
        }

    </style>
    <script>
        $(function () {
            var r = $('input.my-range1');
            r.on('mouseenter', function () {
                var p = r.val();
                r.on('click', function () {
                    p = r.val();
                    bg(p);
                });
                r.on('mousemove', function () {
                    p = r.val();
                    bg(p);
                });
            });
            function bg(n) {
                r.css({
                    'background-image': '-webkit-linear-gradient(left ,#005ccc 0%,#005ccc ' + n + '%,#fff ' + n + '%, #fff 100%)'
                });
            }
        });
    </script>
</head>
<body>
<header></header>
<div class="wrapper wrapper-video">
    <span style="display: none;font-size: 16px" name="adjTextLength"></span>

    <div>首页<span class="divider"> &gt; </span>直播中心<span class="divider"> &gt; </span>奇妙导播台</div>
    <div style="font-size: 18px;line-height: 24px;margin-top: 5px"><span name="span_program_name"></span>(<span
            name="span_program_id"></span>)<span name="span_paly_status_label" style="font-size: 16px"
                                                 class="play_status_default">未开始</span>
        <button type="button" style="display: none" name="btn_release">清理资源</button>
    </div>
    <div style="width: 705px;float: left;margin-top: 10px">
        <div id="flv" style="width:705px;height:395px;background-color:black;color:white;position: relative;"></div>
    </div>
    <div style="width:550px;float:left;margin-top: 10px">
        <div style="width: 530px;background-color: #ffffff;height: 123px;font-size: 16px;margin-left: 15px">
            <div id="running_zone" style="width:160px;height: 80px;margin-top: 20px;float: left ">
                <div style="margin-left: 15px;padding-top: 10px;padding-bottom: 10px;padding-right: 10px ;text-align: right;height:19px">
                    <span name="countTimerHint" style="float: left">倒计时：</span> <span name="span_time_day"
                                                                                      style="font-size: 22px">00</span><span
                        name="span_time_day_label">天</span>
                </div>
                <div style="margin-left: 15px;padding-top: 6px ;">
                    <span name="span_time_hour" style="font-size: 22px">00</span>时<span name="span_time_minute"
                                                                                        style="font-size: 22px">00</span>分<span
                        name="span_time_second" style="font-size: 22px">00</span>秒
                </div>
            </div>
            <div id="end_zone" style="width:160px;height: 80px;margin-top: 20px;float: left;display: none ">
                <div style="margin-left: 50px;margin-top: 30px">直播结束</div>
            </div>
            <div id="program_play_time"
                 style="height: 80px;margin-top: 20px;float: left;border-left: 1px solid #808080">
                <div style="margin-left: 10px ;padding-top: 10px;padding-bottom: 10px"> 直播开始时间：<span
                        name="span_startTime"></span></div>
                <div style="margin-left: 10px ;padding-top: 10px;padding-bottom: 10px"> 直播结束时间：<span
                        name="span_endTime"></span></div>
            </div>
        </div>

        <div style="position: relative;">
            <div id="director_detail" class="form-horizontal"
                 style="background-image: url(img/detail_bg.png);background-repeat:no-repeat;width: 530px;height: 255px;position: absolute;top:0px;left:0px;z-index:0;">
                <div style="height:60px;"></div>
                <div class="control-group">
                    <label class="control-label">直播延时：</label><span
                        name="span_delay">0</span>s<a name="preview_link"
                                                      style="margin-left: 20px;cursor: pointer;color:#136eb4">预览</a>
                </div>
                <div class="control-group">
                    <label class="control-label">输出地址：</label>
                    <span name="span_output_url"
                          style=" word-break: break-all;  margin-left: 160px;display: block;"></span>
                </div>
                <div class="control-group">
                    <label class="control-label">最高清晰度：</label><span
                        name="span_output_stream_type"></span>
                </div>
                <div style="text-align: center;padding-top: 5px">
                    <button name="btn_settings" class="btn btn-large btn-primary" style="margin-right: 30px"
                            type="button">
                        更改设置
                    </button>
                    <button name="changeBtn" class="btn btn-large btn-primary" style="margin-left: 30px" type="button"
                            data-key="switchBackUp">切换灾备
                    </button>
                </div>
            </div>
            <div id="director_detail_player" class="form-horizontal"
                 style="width: 530px;height: 255px;position:absolute;top:0px;left:0px;z-index:-1;margin:15px 0 0 15px;">
                <div id="flv_preview_container" style="float:left;width:410px;height:255px;">
                    <div id="flv_preview_foreground"
                         style="width:410px;height:255px;background-color:black;color:white;"></div>
                </div>

                <div style="text-align: center;height:255px;background:#fff;">
                    <label style="padding-top:5px;">延迟: <span name="span_delay">0</span>s</label>
                    <button name="closePreview" class="d-btn" style="margin-top: 100px;">收起预览</button>
                    <button name="btn_settings" class="d-btn" style="margin-top: 10px;">更改设置</button>
                    <button data-key="switchBackUp" name="changeBtn" class="d-btn" style="margin-top: 10px;">切换灾备
                    </button>
                </div>

            </div>

        </div>
        <div style="color: #808080 ;font-size: 16px;margin-left: 30px;display: none">快速切换灾备并清空延时</div>
    </div>
</div>
<div class="wrapper wrapper-video" style="padding-top: 0px">
    <div id="navDiv" class="container">
        <div id='tabsDiv'>
            <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
                <li class="selected">
                    <a data-id="tabPanel_1,tabPanel_2,tabPanel_3,tabPanel_4" class="selected" href='javascript:;'
                       onclick="Director.Util.changeTab(this)">信号源</a>
                </li>
                <li class="unselected">
                    <a data-id="tabPanel_2,tabPanel_1,tabPanel_3,tabPanel_4" class="unselected" href='javascript:;'
                       onclick="Director.Util.changeTab(this)">灾备</a>
                </li>
                <li class="unselected">
                    <a data-id="tabPanel_3,tabPanel_1,tabPanel_2,tabPanel_4" class="unselected" href='javascript:;'
                       onclick="Director.Util.changeTab(this)">特效</a>
                </li>
                <li class="unselected">
                    <a data-id="tabPanel_4,tabPanel_1,tabPanel_2,tabPanel_3" class="unselected" href='javascript:;'
                       onclick="Director.Util.changeTab(this)">解说</a>
                </li>
            </ul>
        </div>
        <div style="position: relative">
            <div id="tabPanel_1" class="ui-tabs-panel ui-widget-content ui-corner-bottom"
                 style="width: 100%;position: absolute;min-height: 500px">
                <div id="tabPanel_child_1" class="container">

                </div>
            </div>
            <div id="tabPanel_2" class="ui-tabs-panel ui-widget-content ui-corner-bottom"
                 style="width: 100%;position: absolute;z-index:-1;min-height: 500px">
                <div id="tabPanel_child_2" class="container">

                </div>
            </div>
            <div id="tabPanel_3" class="ui-tabs-panel ui-widget-content ui-corner-bottom"
                 style="width: 100%;position: absolute;z-index:-2;min-height: 500px;background:#f6f6f6;">
                <div id="tabPanel_child_3" class="container">
                    <div style="width: 705px;float: left;margin-top: 10px;margin-bottom: 20px;text-align:center;">
                        <h1 style="font-size: 16px;color:rgb(19, 110, 180);">预览</h1>

                        <div id="effectFlv" style="width:705px;height:395px;background-color:black;color:white;"></div>
                        <div style="margin-top:10px;">
                            <button name="btn_effect_edit" id="effectBtnEdit" class="btn btn-large"
                                    style="margin-right: 30px" type="button" data-is-editing="0"
                                    onclick="Director.Util.editPreviewEffectSwitch(this)">
                                编辑
                            </button>
                            <button name="btn_effect_play" id="effectBtnReset" class="btn btn-large"
                                    style="margin-right: 30px" type="button"
                                    onclick="Director.Util.closePreviewEffectReset()">
                                重置
                            </button>
                            <!--<button name="btn_effect_clear" class="btn btn-large" style="margin-right: 30px" type="button">-->
                            <!--清空-->
                            <!--</button>-->
                        </div>
                    </div>

                    <div style="width:550px;float:left;margin-top: 10px;margin-left: 15px;">
                        <div id="effectTabs" style="background: #f6f6f6;">
                            <ul>
                                <li><a href="#effect-tabs-1"> 图片 </a></li>
                                <li><a href="#effect-tabs-2"> 字幕 </a></li>
                                <li><a href="#effect-tabs-3"> 动画 </a></li>
                                <li><a href="#effect-tabs-4"> 音效 </a></li>
                                <li><a href="#effect-tabs-5"> 遮标 </a></li>
                            </ul>
                            <div id="effect-tabs-1" style="padding: 0px;">
                                <div>
                                    <!--<button class="btn" style="float:left"> 添加 </button>-->
                                    <!--<div style="position:relative">-->
                                    <!--<button class="btn btn-block button-manual" type="button">手动上传</button>-->
                                    <!--<input type="file" accept=".jpg,.jpeg,.png" multiple="" name="files[]"-->
                                    <!--class="uploadButton">-->
                                    <!--</div>-->
                                    <!--<a href="javascript:;" class="fileUpload">添加-->
                                    <!--<input type="file" name="" id="" class="uploadBtn">-->
                                    <!--</a>-->
                                    <!--<p style="float:right;"><span style="color:red;">Ctrl+左键点击</span>可直接播出</p>-->
                                    <div style="clear:both;height:400px;overflow:auto;" id="effect-images">
                                        <!--<div class="effect_element_div">-->
                                        <!--<div style="margin-bottom: 5px;" onclick="Director.Util.playEffect(this, 1)" data-id="1">-->
                                        <!--<img class="change" src="img/u128.png" data-id="2" onclick="Director.Util.editEffectShow(this, 1)">-->
                                        <!--<img class="preview" src="img/u128.png" data-id="2" onclick="Director.Util.editEffectShow(this, 1)">-->
                                        <!--<img class="play" src="img/u128.png" data-id="2" onclick="Director.Util.editEffectShow(this, 1)">-->
                                        <!--&lt;!&ndash;<img class="start" src="img/u618.png" data-id="2" onclick="Director.Util.doResourceSwitch(this)">&ndash;&gt;-->
                                        <!--<span onclick="Director.Util.delEffect(this)" data-id="2">X</span>-->
                                        <!--<img class="content" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1495603950169&di=34b8e007779b18df8802afd64ad0b681&imgtype=0&src=http%3A%2F%2Fimg5.duitang.com%2Fuploads%2Fitem%2F201508%2F31%2F20150831220841_escLY.thumb.224_0.jpeg">-->
                                        <!--</div>-->
                                        <!--<input data-backup="1" type="text" value="备播视频12" data-id="2" title="资源ID:2">-->
                                        <!--</div>-->

                                        <!--<div class="effect_element_div">-->
                                        <!--<div class="effect_container">-->
                                        <!--<div class="effect_upper" >-->
                                        <!--<label style="padding-top: 20px;">-->
                                        <!--<img class="effect_playing" src="img/u311.png" alt="">-->
                                        <!--正在播出...-->
                                        <!--</label>-->
                                        <!--<button class="btn effect_stop">停止</button>-->
                                        <!--</div>-->
                                        <!--<img class="content" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1495603950169&di=34b8e007779b18df8802afd64ad0b681&imgtype=0&src=http%3A%2F%2Fimg5.duitang.com%2Fuploads%2Fitem%2F201508%2F31%2F20150831220841_escLY.thumb.224_0.jpeg">-->
                                        <!--</div>-->
                                        <!--<input data-backup="1" type="text" value="备播视频11" data-id="2" title="资源ID:2">-->
                                        <!--</div>-->
                                    </div>
                                </div>
                            </div>
                            <div id="effect-tabs-2" style="padding: 0px;">
                                <div>
                                    <!--<button class="btnAdd btn" style="float:left"> 添加 </button>-->
                                    <!--<p style="float:right;"><span style="color:red;">Ctrl+左键点击</span>可直接播出</p>-->
                                    <div style="clear:both;padding: 10px 0px;height:380px;overflow:auto;"
                                         id="effect-subtitles">
                                        <!--<div class="effect_subtitle_div">-->
                                        <!--<span style="float:left;">只是一条字幕</span>-->
                                        <!--<div style="float:right">-->
                                        <!--<img class="change" src="img/u128.png" data-id="1" onclick="Director.Util.editEffectShow(this, 2)">-->
                                        <!--<span onclick="Director.Util.delEffect(this)" data-id="52">X</span>-->
                                        <!--</div>-->
                                        <!--</div>-->

                                        <!--<div class="effect_subtitle_div" style="position: relative;">-->
                                        <!--<span style="float:left;">只是一条字幕</span>-->
                                        <!--<div class="effect_upper">-->
                                        <!--<label class="effect_hint">-->
                                        <!--<img class="effect_playing" src="img/u311.png" alt="">-->
                                        <!--正在播出...-->
                                        <!--</label>-->
                                        <!--<button class="btn effect_stop">停止</button>-->
                                        <!--</div>-->
                                        <!--</div>-->
                                    </div>
                                    <div style="text-align: center;">
                                        <button class="d-btn btnAdd" style="background-color: #136eb4;">添加字幕</button>
                                    </div>
                                </div>
                            </div>
                            <div id="effect-tabs-3" style="padding: 0px;">
                                <div>
                                    <!--<button class="btnAdd btn" style="float:left"> 添加 </button>-->
                                    <!--<p style="float:right;"><span style="color:red;">Ctrl+左键点击</span>可直接播出</p>-->
                                    <div style="clear:both;height:400px;overflow:auto;" id="effect-animations">

                                    </div>
                                </div>
                            </div>
                            <div id="effect-tabs-4" style="padding: 0px;">
                                <div>
                                    <!--<a href="javascript:;" class="fileUpload">添加-->
                                    <!--<input type="file" name="" id="" class="uploadBtn">-->
                                    <!--</a>-->
                                    <!--<img src="img/volumn.png" alt="音量" style="margin: 0px 10px;">-->
                                    <!--<input id="volumn-range" type="range" min="0" max="100" value="50" onchange="Director.Util.changeVolumn()">-->
                                    <!--<span id="volumn-value" style="margin-left: 10px;">50</span>-->
                                    <!--<p style="float:right;"><span style="color:red;">Ctrl+左键点击</span>可直接播出</p>-->
                                    <div style="clear:both;height:400px;overflow:auto;" id="effect-audios">
                                        <!--<div data-div-id="25" data="" class="effect_element_div">-->
                                        <!--<div style="margin-bottom: 5px;">-->
                                        <!--&lt;!&ndash;<img class="volumn-icon" src="img/volumn.png">&ndash;&gt;-->
                                        <!--<span onclick="Director.Util.delEffect(this, 4)" data-id="25">X</span>-->
                                        <!--<img class="content" src="img/default_audio.png">-->
                                        <!--</div>-->
                                        <!--<input class="volumn-range" type="range" min="0" max="100" value="0" onchange="Director.Util.changeVolumn(this)" style="margin-bottom: 10px;width:164px;" />-->

                                        <!--&lt;!&ndash;<img src="img/volumn.png" alt="音量" style="margin: 0px 10px;">&ndash;&gt;-->
                                        <!--&lt;!&ndash;<input name="volumn-range" type="range" min="0" max="100" value="50" onchange="Director.Util.changeVolumn(this)">&ndash;&gt;-->

                                        <!--<input type="text" value="a.txt" data-id="25" onblur="Director.Util.updateEffectName(this)" onkeyup="Director.Util.updateEffectNameShortCut(event)">-->
                                        <!--</div>-->

                                    </div>
                                </div>
                            </div>
                            <div id="effect-tabs-5" style="padding: 0px;">
                                <div>
                                    <!--<button class="btn" style="float:left"> 添加 </button>-->
                                    <!--<div style="position:relative">-->
                                    <!--<button class="btn btn-block button-manual" type="button">手动上传</button>-->
                                    <!--<input type="file" accept=".jpg,.jpeg,.png" multiple="" name="files[]"-->
                                    <!--class="uploadButton">-->
                                    <!--</div>-->
                                    <!--<a href="javascript:;" class="fileUpload">添加-->
                                    <!--<input type="file" name="" id="" class="uploadBtn">-->
                                    <!--</a>-->
                                    <!--<p style="float:right;"><span style="color:red;">Ctrl+左键点击</span>可直接播出</p>-->
                                    <div style="clear:both;height:400px;overflow:auto;" id="effect-covers">
                                        <!--<div class="effect_element_div">-->
                                        <!--<div style="margin-bottom: 5px;" onclick="Director.Util.playEffect(this, 1)" data-id="1">-->
                                        <!--<img class="change" src="img/u128.png" data-id="2" onclick="Director.Util.editEffectShow(this, 1)">-->
                                        <!--<img class="preview" src="img/u128.png" data-id="2" onclick="Director.Util.editEffectShow(this, 1)">-->
                                        <!--<img class="play" src="img/u128.png" data-id="2" onclick="Director.Util.editEffectShow(this, 1)">-->
                                        <!--&lt;!&ndash;<img class="start" src="img/u618.png" data-id="2" onclick="Director.Util.doResourceSwitch(this)">&ndash;&gt;-->
                                        <!--<span onclick="Director.Util.delEffect(this)" data-id="2">X</span>-->
                                        <!--<img class="content" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1495603950169&di=34b8e007779b18df8802afd64ad0b681&imgtype=0&src=http%3A%2F%2Fimg5.duitang.com%2Fuploads%2Fitem%2F201508%2F31%2F20150831220841_escLY.thumb.224_0.jpeg">-->
                                        <!--</div>-->
                                        <!--<input data-backup="1" type="text" value="备播视频12" data-id="2" title="资源ID:2">-->
                                        <!--</div>-->

                                        <!--<div class="effect_element_div">-->
                                        <!--<div class="effect_container">-->
                                        <!--<div class="effect_upper" >-->
                                        <!--<label style="padding-top: 20px;">-->
                                        <!--<img class="effect_playing" src="img/u311.png" alt="">-->
                                        <!--正在播出...-->
                                        <!--</label>-->
                                        <!--<button class="btn effect_stop">停止</button>-->
                                        <!--</div>-->
                                        <!--<img class="content" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1495603950169&di=34b8e007779b18df8802afd64ad0b681&imgtype=0&src=http%3A%2F%2Fimg5.duitang.com%2Fuploads%2Fitem%2F201508%2F31%2F20150831220841_escLY.thumb.224_0.jpeg">-->
                                        <!--</div>-->
                                        <!--<input data-backup="1" type="text" value="备播视频11" data-id="2" title="资源ID:2">-->
                                        <!--</div>-->
                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>

                </div>
            </div>
            <div id="tabPanel_4" class="ui-tabs-panel ui-widget-content ui-corner-bottom"
                 style="width: 100%;position: absolute;z-index:-1;min-height: 500px">
                <div id="tabPanel_child_4" class="container" style="margin-top:10px;">
                    <div style="display: block;">
                        <button name="btn_commentary" class="btn btn-large btn-default"  type="button" onclick="Director.Commentary.refreshCommentaryList(1)">
                            获取解说源
                        </button>
                        <a href="http://123.129.210.151/download/LiveCommentary.zip" style="float: right;font-size: 14px;padding: 6px;margin-right: 15px;">解说客户端下载</a>

                    </div>
                    <div id="commentary_area" style="clear:both;width:1240px;height:400px;overflow:auto;float:left;"></div>
                </div>

            </div>
        </div>

    </div>
</div>


<div id="dlg_preview" style="display: none">

</div>
<div id="dlg_settings" style="display: none">
    <div class="form-horizontal">
        <div class="control-group"><label class="control-label">输出地址：</label><input type="text" name="input_out_url"
                                                                                    onmouseover="Director.Util.showToolTip(this)"
                                                                                    style="width:200px;"></div>
        <div class="control-group"><label class="control-label">最高清晰度：</label>
            <select name="stream_type" style="width: 90px">
                <option value="HIGH_DEFINITION">高清</option>
                <option value="RESOLUTION_720P">超清720P</option>
                <option value="RESOLUTION_1080P">1080P</option>
            </select></div>
        <div class="control-group"><label class="control-label">延迟时间：</label><input type="text" name="delay"
                                                                                    style="width: 40px"
                                                                                    onkeyup="this.value=this.value.replace(/\D/g,'')"
                                                                                    onafterpaste="this.value=this.value.replace(/\D/g,'')">S
        </div>
        <div class="control-group"><label class="control-label"></label>节目延迟时间=导播台延迟+频道延迟</div>
    </div>
</div>
<div id="dlg_add_alternatePlay" style="display: none">
    <div class="form-horizontal">
        <div class="control-group"><label class="control-label">名称：</label><input type="text" name="signal_name"
                                                                                  placeholder=""></div>
        <div class="control-group videoSuggestDiv"><label class="control-label">信号源：</label>

            <div class="video_css" style="float: left;width: 260px"><input type="text" name="signal_url_1"
                                                                           placeholder="请输入点播节目名称"></div>
            <label name="hint-id" style="display: inline;font-size: 16px"></label>
        </div>
        <div class="control-group"><label class="control-label"></label><input type="checkbox" name="default_play">设为默认灾备视频
        </div>
    </div>
</div>
<div id="dlg_add_signal" style="display: none">
    <div class="form-horizontal">
        <div class="control-group"><label class="control-label">类型：</label><select name="signal_type"
                                                                                   style="width:80px;">
            <option value="0">直播</option>
            <option value="1">点播</option>
            <option value="2">流地址</option>
        </select></div>
        <div class="control-group"><label class="control-label">名称：</label><input type="text" name="signal_name"></div>
        <div class="control-group videoSuggestDiv"><label class="control-label">信号源：</label>

            <div class="live_css" style="float: left;width: 260px"><input name="signal_url_0" type="text"
                                                                          style="display: none" placeholder="请输入直播节目名称">
            </div>
            <div class="video_css" style="float: left;width: 260px"><input name="signal_url_1" type="text"
                                                                           style="display: none"
                                                                           placeholder="请输入点播节目名称"></div>
            <input name="signal_url_2" type="text" style="display: none" placeholder="请输入流地址"
                   onmouseover="Director.Util.showToolTip(this)">

            <label name="hint-id" style="float: left;font-size: 16px"></label>
            <button name="query_system_preview_url" style="display: none">获取预览地址</button>
        </div>
        <div class="control-group" style="display: none" id="div_set_main_resource">
            <label class="control-label"></label><input name="set_main_resource" type="checkbox" value="1" checked="checked" > 主信号源 </input>
        </div>
        <div class="control-group" id="signal_preview_div" style="display: none"><label
                class="control-label">预览地址：</label><input name="preview_url" type="text" placeholder="自动生成预览地址"></div>
    </div>
</div>

<div id="dlg_edit_image" style="display: none">
    <form class="form-horizontal" name="basicForm">
        <input type="hidden" name="id" value=""/>

        <div class="control-group" style="margin-top:30px;">
            <label class="control-label">动画效果：</label>

            <div class="controls">
                <select name="animation" data-default="0">
                    <option value="0">无</option>
                    <option value="1">淡入淡出</option>
                    <option value="2">左进左出</option>
                    <option value="3">左进右出</option>
                    <option value="4">右进左出</option>
                    <option value="5">右进右出</option>
                    <option value="6">上进上出</option>
                    <option value="7">上进下出</option>
                    <option value="8">下进上出</option>
                    <option value="9">下进下出</option>
                    <option value="10">闪烁</option>

                </select>

                <label style="color:#808080;" class="radio inline">gif格式不支持动画效果</label>
            </div>
        </div>
        <div id="effect-image-times-div" style="margin-top:10px;">
            <div class="control-group">
                <label class="control-label">进入时间：</label>
                <input type="text" name="enterDuration" value="1" data-default="1"> 秒
            </div>
            <div class="control-group">
                <label class="control-label">停留时间：</label>
                <input type="text" name="stayDuration" value="1" data-default="1"> 秒
            </div>
            <div class="control-group">
                <label class="control-label">退出时间：</label>
                <input type="text" name="exitDuration" value="1" data-default="1"> 秒
            </div>
        </div>
        <div class="control-group">
            <label class="control-label">坐标：</label>
            x <input type="text" name="location_x" style="width:80px;margin-right:20px;" value="0" data-default="0">
            y <input type="text" name="location_y" style="width:80px;" value="0" data-default="0">
        </div>
        <div class="control-group">
            <label class="control-label">大小：</label>
            w <input type="text" name="size_w" style="width:80px;margin-right:20px;" value="100" data-default="100">
            <input type="hidden" name="size_h" style="width:80px;" value="100" data-default="100">
            <!--h <input type="text" name="size_h" style="width:80px;">-->
        </div>
        <div class="control-group">
            <label class="checkbox" style="margin-left:40px;">
                <input type="checkbox" name="loop" value="option1">
                循环播出
            </label>
        </div>
        <div class="control-group" id="effect-image-loop-div" style="display:none;">
            <label class="control-label">间隔时间：</label>

            <div class="control">
                <input type="text" name="interval" style="width:80px;" value="0" data-default="0"> 秒
                <span style="margin-left:10px;">播放次数：</span><input type="text" name="playTimes" style="width:80px;"
                                                                   value="1" data-default="1">
            </div>
        </div>
    </form>

</div>
</div>

<div id="dlg_edit_subtitle" style="display: none">
    <form class="form-horizontal" name="basicForm">
        <input type="hidden" name="id" value=""/>

        <div class="form-group" style="margin:10px 40px;">
            <div>
                <div style="float:left;">
                    <select name="fontName" style="width:90px;">
                        <option value="1">微软雅黑</option>
                        <option value="2">宋体</option>
                        <option value="3">楷体</option>
                        <option value="4">圆体</option>
                    </select>
                    <select name="fontSize" style="width:70px;">
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
                        <option value="13">13</option>
                        <option value="14">14</option>
                        <option value="15" selected>15</option>
                        <option value="16">16</option>
                        <option value="17">17</option>
                        <option value="18">18</option>
                        <option value="19">19</option>
                        <option value="20">20</option>
                    </select>
                </div>
                <div class="btn-group dash-box" style="width:180px;">
                    <a class="btn fontBold">
                        <!--<span class="glyphicon glyphicon-home" aria-hidden="true"></span> 粗体-->
                        <i class="fa fa-bold fa-lg"></i>
                        <input type="hidden" name="fontBold" value="0" data-default="0"/>
                    </a>
                    <!--<a class="btn fontItalic">-->
                    <!--<i class="fa fa-italic fa-lg"></i>-->
                    <!--<input type="hidden" name="fontItalic" value="0" data-default="0"/>-->
                    <!--</a>-->
                    <!--<a class="btn fontUnderline">-->
                    <!--<i class="fa fa-underline fa-lg"></i>-->
                    <!--<input type="hidden" name="fontUnderline" value="0" data-default="0"/>-->
                    <!--</a>-->
                </div>
                <input type='color' name='fontColor' value='#000000' style="width:40px;"
                       onchange="Director.Util.changeColor(this)"/>

                <div style="float:right;">
                    <input type="checkbox" name="horseLamp" value="0" data-default="0"> 跑马灯
                </div>
            </div>
        </div>

        <div class="form-group" style="margin: 0px 40px;">
            <textarea type="text" name="content" class="form-control simplified-textarea" placeholder=""
                      style="width:100%;height:80px;"></textarea>
        </div>

        <div class="control-group" style="margin-top:20px;">
            <label class="control-label">坐<span style="width:50px;margin-left:20px;">&nbsp;</span>标：</label>
            x <input type="text" name="location_x" style="width:80px;margin-right:20px;" value="0" data-default="0">
            y <input type="text" name="location_y" style="width:80px;" value="0" data-default="0">
        </div>
        <div id="effect-subtitle-loop-container-div">
            <div class="control-group">
                <label class="checkbox" style="margin-left:40px;">
                    <input type="checkbox" name="loop" value="0">
                    循环播出
                </label>
            </div>
            <div class="control-group" id="effect-subtitle-loop-div">
                <label class="control-label">间隔时间：</label>

                <div class="control">
                    <input type="text" name="interval" style="width:80px;" value="0" data-default="0"> 秒
                    <span style="margin-left:10px;">播放次数：</span><input type="text" name="playTimes" style="width:80px;"
                                                                       value="1" data-default="1">
                </div>
            </div>
        </div>
        <div class="form-group" style="margin: 0px 40px;">
            <div style="margin-bottom: 10px;font-weight:bold;">背景图</div>
            <div>
                <div style="float:left;width:90%;">
                    <input type="text" name="background" style="width:90%;" placeholder="请上传1920X70的图片"/>
                </div>
                <div>
                    <a href="javascript:;" class="fileUpload">上传
                        <input type="file" class="uploadBtn">
                    </a>
                </div>
            </div>
        </div>

    </form>
</div>

<div id="dlg_edit_animation" style="display: none">
    <form class="form-horizontal" name="basicForm">
        <input type="hidden" name="id" value=""/>
        <input type="hidden" name="myname" value=""/>

        <div class="form-group" style="margin: 0px 40px;" id="form_animation_url">
            <div style="margin-bottom: 10px;font-weight:bold;">动画素材</div>
            <div>
                <div style="float:left;width:90%;">
                    <input type="text" name="url" style="width:90%;" placeholder="请上传mov格式视频"/>
                </div>
                <div>
                    <a href="javascript:;" class="fileUpload">上传
                        <input type="file" class="uploadBtnUrl">
                    </a>
                </div>
            </div>
        </div>
        <div class="form-group" style="margin: 0px 40px;">
            <div style="margin-bottom: 10px;font-weight:bold;">封面图</div>
            <div>
                <div style="float:left;width:90%;">
                    <input type="text" name="foreground" style="width:90%;"/>
                </div>
                <div>
                    <a href="javascript:;" class="fileUpload">上传
                        <input type="file" class="uploadBtnForeground">
                    </a>
                </div>
            </div>
        </div>
        <div class="control-group">
            <label class="checkbox" style="margin-left:40px;">
                <input type="checkbox" value="" name="loop">
                循环播出
            </label>
        </div>
        <div class="control-group" id="effect-animation-loop-div">
            <label class="control-label">间隔时间：</label>

            <div class="control">
                <input type="text" name="interval" style="width:80px;" value="0" data-default="0"> 秒
                <span style="margin-left:10px;">播放次数：</span><input type="text" name="playTimes" style="width:80px;"
                                                                   value="1" data-default="1">
            </div>
        </div>
    </form>
</div>
<div id="dlg_edit_cover" style="display: none">
    <form class="form-horizontal" name="basicForm" style="position:absolute;top: 30%;left: 10%;">
        <input type="hidden" name="id" value=""/>

        <div class="control-group">
            <label class="control-label">坐标：</label>
            x <input type="text" name="location_x" style="width:80px;margin-right:20px;" value="0" data-default="0">
            y <input type="text" name="location_y" style="width:80px;" value="0" data-default="0">
        </div>
        <div class="control-group">
            <label class="control-label">大小：</label>
            w <input type="text" name="size_w" style="width:80px;margin-right:20px;" value="150" data-default="150">
            <!--<input type="hidden" name="size_h" style="width:80px;" value="100" data-default="100">-->
            h <input type="text" name="size_h" style="width:80px;" value="100" data-default="100">
        </div>
    </form>

</div>

<script type="text/javascript">
    require(['epg'], function () {
        Director.Action.editRun();

    })
</script>
</body>
</html>